Ext.onReady(function() {
			new Ext.Viewport({
						layout : "border",
						items : [{
									region : "north",
									title : '短信列表',
									height : 100,
									frame : false,
									width : "100%",
									items : [topPanel]
								}, {
									region : "center",
									frame : true,
									width : "100%",
									items : [grid_panel]
								}]
					});
		});

Ext.define('SMS', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'id',
						type : 'string'
					}, {
						name : 'teamName',
						type : 'string'
					}, {
						name : 'phoneNum',
						type : 'string'
					}, {
						name : 'contents',
						type : 'string'
					}, {
						name : 'createDate',
						type : 'String'
					}]
		});

var myStore = Ext.create('Ext.data.Store', {
	model : 'SMS',
	pageSize : 14,
	proxy : {
		type : 'ajax',
		url : 'getSMS',
		method : 'GET',
		reader : {
			totalProperty : 'total',
			type : 'json',
			root : 'root'
		}
	}
		// },
		// autoLoad : true
	});
myStore.load({
			callback : function(r, options, success) {
				if (success == true) {
					if (myStore.data.length == 0) {
						Ext.Msg.alert('提示', '没有符合条件的结果');
					}
				} else {
					Ext.Msg.alert('警告', '数据加载失败，请稍后再试！');
				}
			}
		});

myStore.on('beforeload', function() {
			var teamText = Ext.getCmp('teamText').getValue(); // 收信人
			var conText = Ext.getCmp('conText').getValue(); // 短信内容
			var NoText = Ext.getCmp('NoText').getValue(); // 收信号吗
			var sender = Ext.getCmp('senderText').getValue(); // 收信号吗
			var cdate1 = Ext.getCmp('cdate1').getValue(); // 发送时间
			var cdate2 = Ext.getCmp('cdate2').getValue(); // 发送时间

			Ext.apply(myStore.proxy.extraParams, {
						teamText : teamText,
						conText : conText,
						NoText : NoText,
						sender : sender,
						cdate1 : cdate1,
						cdate2 : cdate2
					})
		});
/**
 * 
 * var panel2 = Ext.create('Ext.grid.Panel', { renderTo : 'grid', width : 400,
 * height : 203, title : 'Month Browser', columns : [{ text : 'Month of the
 * year', dataIndex : 'month', width : 240 }], bbar :
 * Ext.create('Ext.toolbar.Paging', { pageSize : 6, store : myStore, displayInfo :
 * true }) });
 * 
 */
var record_start = 0;

var pnSub1 = new Ext.Panel({
			height : 100,
			columnWidth : .3,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : "textfield",
						style : "margin-left:25px;",
						// width : 282,
						id : 'teamText',
						// format : "Y-m-d",
						fieldLabel : "收信人"
					}, {
						xtype : "textfield",
						style : "margin-left:25px;",
						id : 'conText',
						// width : 282,
						// format : "Y-m-d",
						fieldLabel : "短信内容"
					}]
		});
var pnSub2 = new Ext.Panel({
			height : 100,
			columnWidth : .25,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
				xtype : "datefield",
				// width : 282,
				id : 'cdate1',
				maxValue : new Date(),
				format : "Y-m-d",
				editable : false,
				value : Ext.util.Format.date(Ext.Date.add(new Date(),
								Ext.Date.DAY, -7), "Y-m-d"),
				fieldLabel : "发送时间"
			}, new Ext.form.NumberField({
				fieldLabel : '收信号码',
				// width : 282,
				// allowDecimals : false, // 不允许输入小数
				// nanText : '请输入有效整数', // 无效数字提示
				// allowNegative : false,
				// selectOnFocus: false,
				hideTrigger : true,
				id : 'NoText',
				// minValue : 10000000000,
				// maxValue : 20000000000,
				regex : /^1[3|4|5|8][0-9]\d{4,8}$/,
				regexText : '手机号码格式不正确'
					// 不允许输入负数
				})]
		});
var pnSub3 = new Ext.Panel({
			height : 100,
			columnWidth : .2,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : "datefield",
						// width : 282,
						id : 'cdate2',
						// fieldStyle : "margin-left:-70px;",
						// style : 'margin-left:-70px;',
						maxValue : new Date(),
						format : "Y-m-d",
						// hideLabel : true,
						labelSeparator : '',
						value : new Date(),
						editable : false,
						labelWidth : 5,
						fieldLabel : "-"
					}, {
						xtype : "textfield",
						id : 'senderText',
						labelWidth : 50,
						style : "margin-left:-12px;",
						labelStyle : "margin-left:12px; ",
						anchor : '80%',
						width : 172,
						hidden : !parent.isSystem(),
						fieldLabel : "发信人"
					}]
		});

var pnSub4 = new Ext.Panel({
			height : 100,
			columnWidth : .25,
			frame : true,
			// border : 0,
			style : 'border-width:0 0 0 0;',
			items : [{
						xtype : "button",
						frame : true,
						text : '<span style="font-size:12px;">查询</span>',
						width : 55,
						height : 55,
						handler : function() {
							var teamText = Ext.getCmp('teamText').getValue(); // 收信人
							var conText = Ext.getCmp('conText').getValue(); // 短信内容
							var NoText = Ext.getCmp('NoText').getValue(); // 收信号吗
							var sender = Ext.getCmp('senderText').getValue(); // 收信号吗
							var cdate1 = Ext.getCmp('cdate1').getValue(); // 发送时间
							var cdate2 = Ext.getCmp('cdate2').getValue(); // 发送时间

							// if (NoText != "" && NoText != null) {

							var waitMsg = new Ext.LoadMask(Ext.getBody(), {
								msg : "请稍候。。。。。。",
								removeMask : true
									// 完成后移除
								});
							waitMsg.show();
							myStore.load({
										params : {
											teamText : teamText,
											conText : conText,
											NoText : NoText,
											sender : sender,
											cdate1 : cdate1,
											cdate2 : cdate2
										},
										callback : function(records, options,
												success) {
											if (myStore.data.length == 0) {
												Ext.Msg
														.alert('提示',
																'没有符合条件的结果');
											}
										},
										scope : myStore,
										add : true
									});
							waitMsg.hide();
						}
					}]
		});
var topPanel = new Ext.Panel({
			layout : 'column',
			id : 'mainPanel',
			width : "100%",
			style : 'border-width:0 0 0 0;',
			frame : true,
			height : 450,
			items : [pnSub1, pnSub2, pnSub3, pnSub4]

		});

var grid_panel = Ext.create('Ext.grid.Panel', {
			// title : '短信列表',
			store : myStore,
			autoScroll : false,
			width : "100%",
			height : "100%",
			// frame : true,
			// bodyBorder : false,
			loadMask : true,
			stripeRows : true,
			bbar : new Ext.PagingToolbar({
						store : myStore,
						displayInfo : true,
						displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
						emptyMsg : "No results to display",
						prevText : "上一页",
						nextText : "下一页",
						refreshText : "刷新",
						lastText : "最后页",
						firstText : "第一页",
						beforePageText : "当前页",
						afterPageText : "共{0}页"
					}),
			columns : [new Ext.grid.RowNumberer({
								header : "序号",
								id : 'index',
								width : 40,
								renderer : function(value, metadata, record,
										rowIndex) {
									return record_start + 1 + rowIndex;
								}
							}), {
						text : 'id',
						align : 'center',
						width : 100,
						hidden : true,
						dataIndex : 'id'
					}, {
						text : '班级',
						align : 'center',
						width : 200,
						dataIndex : 'teamName'
					}, {
						text : '收信人号码',
						align : 'center',
						width : 300,
						dataIndex : 'phoneNum'
					}, {
						text : '短信内容',
						align : 'center',
						width : 300,
						dataIndex : 'contents'
					}, {
						text : '发送时间',
						align : 'center',
						width : 200,
						dataIndex : 'createDate'
					}, {
						xtype : 'actioncolumn',
						align : 'center',
						text : '操作',
						width : 300,
						items : [{
									icon : 'extjs/icon/cog_edit.jpg', // Use
									tooltip : 'Edit',
									width : 100,
									handler : function(grid, rowIndex, colIndex) {
										var rec = grid.getStore()
												.getAt(rowIndex);
										alert("Edit " + rec.get('firstname'));
									}
								}, {
									icon : 'extjs/icon/delete.gif',
									tooltip : 'Delete',
									width : 100,
									handler : function(grid, rowIndex, colIndex) {
										// alert(rowIndex + "colIndex:" +
										// colIndex);
										// alert(grid.store.data.items[rowIndex].data.id)

										delData(grid, rowIndex);
									}
								}]
					}]
		});

function delData(grid, rowIndex) {
	var id = grid.store.data.items[rowIndex].data.id
	Ext.MessageBox.show({
		title : "警告！",
		msg : "您确定要删除该条消息吗？",
		width : 400,
		closable : false,
		buttons : Ext.MessageBox.YESNO,
		icon : Ext.MessageBox.QUESTION,
		fn : function(btn) {
			if (btn == 'yes') {
				var waitMsg = new Ext.LoadMask(Ext.getBody(), {
					msg : "请稍候。。。。。。",
					removeMask : true
						// 完成后移除
					});
				waitMsg.show();
				Ext.Ajax.request({
							url : 'delSMS',
							params : {
								id : id
							},
							method : "GET",
							success : function(resp, opts) {
								if (resp.responseText == 'true') {
									alert("返回结果：" + resp.responseText);
									grid.store
											.remove(grid.store.data.items[rowIndex]);
									grid.store.reload();
								}
							},
							failure : function(form, action) {
								alert("失败啦");
							}
						});
				waitMsg.hide();
			}
		}
	});
}
